<!DOCTYPE html>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
<html>

	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />-->
	<meta name="description" content="TODO"/>
	<title>Polytech Mobile Webmail</title>
	<link type="text/css" rel="stylesheet" href="assets/jquery-mobile/jquery.mobile-1.0a2.min.css" />
	<link type="text/css" rel="stylesheet" href="assets/css/menu.css" />
	<link rel="apple-touch-icon" href="assets/img/tutsTouchIcon.png" />
	<link rel="icon" type="image/ico" href="assets/img/tutsTouchIcon.png" />
	<script type="text/javascript" src="assets/js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="assets/jquery-mobile/jquery.mobile-1.0a2.min.js"></script> 
	<script type="text/javascript" src="assets/js/deconnexion.js"></script>
	</head>

	<body>


		<div data-role="page">

			<div data-role="header">
				<h1>Accueil</h1>
			</div><!-- /header -->

			<div data-role="content">
				<ul data-role="listview">
					<li>
						<a href="index.html">Boîte récept.</a>
						<span class="ui-li-count">12</span>
					</li>
					<li>
						<a href="index.html">Msgs non-lus</a>
						<span class="ui-li-count">12</span>
					</li>
					<li>
						<a href="index.html">Msgs envoyés</a>
						<span class="ui-li-count">12</span>
					</li>
					<li>
						<a href="index.html">Brouillons</a>
						<span class="ui-li-count">12</span>
					</li>
					<li>
						<a href="index.html">Corbeille</a>
						<span class="ui-li-count">12</span>
					</li>
					<li class="dossiers" data-collapsed="true" data-role="collapsible" style="padding:-0; border-width:0;">
						<h3 style="margin:-0;"> Dossiers </h3>
						<div >
						
							
						</div>
					</li>
				</ul>
			</div><!-- /content -->
			
			<div data-role="footer">
				<div style="float: left; margin-left: 20%">
				<a href="compose.html" rel="external">
					<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
						<img src="assets/img/pencil-icon_big.png" alt="Ecrire" style="vertical-align: middle;" />
					</div>
				</a>
				</div>
				<div style="float: right; margin-right: 20%">
				<a id="deco" onClick="Javascript:deco()"  rel="external">
					<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
						<img src="assets/img/logout.png" style="vertical-align: middle;" alt="Logout" />
					</div>
				</a>
				</div>
			</div><!-- /footer -->
			
		</div><!-- /page -->

	</body>

</html>
